<template>
	<!-- <div style="background: #fff;"> -->
	<van-grid :border="false" :gutter="0">
	  <van-grid-item v-for="(item,index) in arr" :to="item.route" :key='index'>
	    <van-image :src="item.src" />
		<div class="titt">{{item.text}}</div>
	  </van-grid-item>
	  <a href="">
	  <img v-lazy="apic" alt="">
	  </a>
	</van-grid>
	<!-- </div> -->
</template>

<script>
	import Vue from 'vue';
	import { Grid, GridItem ,Image} from 'vant';
	Vue.use(Image)
	Vue.use(Grid);
	Vue.use(GridItem);
	export default{
		data(){
			return{
				arr:[
					{'src':require('../../../assets/imgs/hs1.png'),'text':'全部鲜花','route':'/Cheack?id=0'},
					{'src':require('../../../assets/imgs/hs2.png'),'text':'爱情鲜花','route':'/Cheack?id=0'},
					{'src':require('../../../assets/imgs/hs3.png'),'text':'生日鲜花','route':'/Cheack?id=0'},
					{'src':require('../../../assets/imgs/hs4.png'),'text':'永生花','route':'/Cheack?id=4'},
					{'src':require('../../../assets/imgs/hs7.png'),'text':'开业花篮','route':'/Cheack?id=1'},
					{'src':require('../../../assets/imgs/hs8.png'),'text':'绿植','route':'/Cheack?id=2'},
					{'src':require('../../../assets/imgs/hs9.png'),'text':'礼品','route':'/Cheack?id=3'},
					{'src':require('../../../assets/imgs/hs10.png'),'text':'其他分类','route':'/Sort'},
				
				],
				apic:require('../../../assets/imgs/tejia.png')
			}
		},
		components:{
			// Grid,GridItem
		}
	}
</script>

<style>
	.titt{
		text-align: center;
		font-size: 0.8125rem;
		margin-top: 0.3125rem;
		overflow: hidden;
	}
</style>
